<template>
  <div class="wrappers">分类
    <ul class="content">
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li>
    <li>商品列表</li></ul>
  </div>
</template>

<script>
import BScroll from 'better-scroll'
export default {
  name:'Category',
  data(){
    return{
      scroll:null
    }
  },
  mounted(){
    this.scroll = new BScroll(document.querySelector('.wrappers'),{
      probeType:3,
      pullUpLoad:true
    })
    this.scroll.on('scroll',(position)=>{
      //console.log(position)
    })
    this.scroll.on('pullingUp',()=>{
      
    })
  }
}
</script>

<style scoped>
  .wrappers{
    height: 150px;
    background-color: red;
    overflow: hidden;
  }
</style>